<template>
<div class="project-detail">
      <!-- 锚点定位 -->
    <div class="anchor">
      <div class="anchor-item" @click="handleClickAnchor('opportunities-info')">
        项目基本信息
      </div>
      <div class="anchor-item" @click="handleClickAnchor('task-title')">
        项目任务
      </div>
      <div class="anchor-item" @click="handleClickAnchor('group-title')">
        项目成员
      </div>
      <div class="anchor-item" @click="handleClickAnchor('approval-title')">
        项目审批
      </div>
    </div>
</div>

    
</template>
<script>

</script>
<style scoped lang="scss">
.anchor {
  position: absolute;
  right: 15px;
  top: 70px;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  .anchor-item {
    padding: 8px 15px;
    background-color: #fff;
    // border-bottom: 1px solid #d7d7d7;
    cursor: pointer;
    &:last-child {
      border: none;
    }
    &:hover{
      background: #d7d7d7;
    }
  }
}

</style>
